/**
 * Created by Toma on 2016/11/21.
 * 搭建基础框架
 */

var H5ComonentBase = function (name, cfg) {
  var cfg = cfg || {}
  var id = ('h5_c_' + Math.random().toFixed(4)).replace('.', '_');

  // 当前组件
  var cls = 'h5_component_' + cfg.type;
  var component = $('<div class="h5_component ' + cls + '" id="' + id + '"></div>');

  cfg.text && component.text(cfg.text);
  cfg.width && component.width(cfg.width / 2);
  cfg.height && component.height(cfg.height / 2);
  cfg.css && component.css(cfg.css);
  cfg.center && component.css({
    'position': 'absolute',
    'top': '50%',
    'left': '50%',
    'margin-top': -cfg.height / 4,
    'margin-left': -cfg.width / 4
  });

  // 动画
  component.on('onLoad', function () {
    component.addClass(cls + '_load').removeClass(cls + '_leave');
    return false;
  });
  component.on('onLeave', function () {
    component.addClass(cls + '_leave').removeClass(cls + '_load');
    return false;
  });

  return component;
};